import React from 'react'
import { SiginWrapper } from './styleSigin';
import { useHistory } from 'react-router';
import Icon from "@/components/icon/Icon"
import Navbar from "@/components/myComponents/navBar/Navbar"

const Sigin = () => {
    const history=useHistory()
    const signClickHandler = () => {
        history.push('/login')
    }
    return (
        <SiginWrapper>
            <Navbar
                back={true}
                title="设置"
            >
            </Navbar>
            <div className="siginItem">
                <div>
                    <div>更该手机号码</div>
                    <span></span>
                </div>
                <Icon
                    name="arrowRightLine"
                    color="#cccccc"
                ></Icon>
            </div>
            <div className="siginItem">
                <div>
                    <div>修改密码</div>
                    <span></span>
                </div>
                <Icon
                    name="arrowRightLine"
                    color="#cccccc"
                ></Icon>
            </div>
            <div className="siginItem">
                <div>
                    <div>消息通知</div>
                    <span></span>
                </div>
                <Icon
                    name="arrowRightLine"
                    color="#cccccc"
                ></Icon>
            </div>
            <div className="siginItem">
                <div>
                    <div>清除缓存</div>
                    <span>6.2M</span>
                </div>
                <Icon
                    name="arrowRightLine"
                    color="#cccccc"
                ></Icon>
            </div>
            <div className="siginItem">
                <div>
                    <div>升级版本</div>
                    <span>当前版本2.8.9</span>
                </div>
                <Icon
                    name="arrowRightLine"
                    color="#cccccc"
                ></Icon>
            </div>
            <div className="siginItem">
                <div>
                    <div>关于我们</div>
                    <span></span>
                </div>
                <Icon
                    name="arrowRightLine"
                    color="#cccccc"
                ></Icon>
            </div>
            <div className="siginBtn">
                <div onClick={signClickHandler}>退出账号</div>
            </div>
        </SiginWrapper>
    );
}

export default Sigin;